<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta name="generator" content="Hugo 0.121.0">
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="theme-color" content="#f9f9f9" />
    <title>在线工具网 - 网址导航</title>
    <link rel="shortcut icon" href="./assets/images/favicon.png" />
    <meta name="keywords" content="在线工具网" />
    <meta name="description" content="在线网址导航, 各类开发工具、绘图绘画工具、md5、在线ps、base64、房贷计算器等" />

    <link rel="stylesheet" id="block-library-css"
        href="./assets/css/block-library.min-5.6.2.css" type="text/css" media="all" />
    <link rel="stylesheet" id="iconfont-css" href="./assets/css/iconfont-3.03029.1.css"
        type="text/css" media="all" />
    <link rel="stylesheet" id="bootstrap-css" href="./assets/css/bootstrap.min-4.3.1.css"
        type="text/css" media="all" />
    <link rel="stylesheet" id="fancybox-css" href="./assets/css/fancybox.min-3.5.7.css"
        type="text/css" media="all" />
    <link rel="stylesheet" id="iowen-css" href="./assets/css/style-3.03029.1.css"
        type="text/css" media="all" />
    <link rel="stylesheet" id="custom-css" href="./assets/css/custom-style.css"
        type="text/css" media="all" />
    <link rel="stylesheet" id="fortawesome-css" href="./assets/fontawesome-5.15.4/css/all.min.css" type="text/css" />
    <script type="text/javascript" src="./assets/js/jquery.min-3.2.1.js" id="jquery-js"></script>
    <script type="text/javascript" src="./assets/js/content-search.js"  id="content-search-js"></script>




     <script>
        !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"3G9QRCtAm0z4ABfe",ck:"3G9QRCtAm0z4ABfe"});
    </script>

</head>



<body class="io-grey-mode">


    <div class="page-container">

	<div id="sidebar" class="sticky sidebar-nav fade animate-nav" style="width: 170px">

            <div class="modal-dialog h-100 sidebar-nav-inner">
                <div class="sidebar-logo border-bottom border-color">

                    <div class="logo overflow-hidden">
                        <a href="" class="logo-expanded">
                            <img src="./assets/images/bt8-expand-light.png" height="40" class="logo-light"
                                alt="在线工具网">
                            <img src="./assets/images/bt8-expand-dark.png" height="40" class="logo-dark d-none"
                                alt="在线工具网">
                        </a>
                        <a href="" class="logo-collapsed">
                            <img src="./assets/images/bt.png" height="40" class="logo-light"
                                alt="在线工具网">
                            <img src="./assets/images/bt.png" height="40" class="logo-dark d-none"
                                alt="在线工具网">
                        </a>
                    </div>

                </div>
                <div class="sidebar-menu flex-fill">
                    <div class="sidebar-scroll">
                        <div class="sidebar-menu-inner">
                            <ul>


                                    <li class="sidebar-item">
                                        <a href="#3e90c5117dc0fe9d71410e448d766e52" class="smooth">
                                            <i class="far fa-star fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>常用工具</span>
                                        </a>
                                    </li>



                                    <li class="sidebar-item">
                                        <a href="#89a839e0a347c0be73793d01e52c31ad" class="smooth change-href" data-change="#89a839e0a347c0be73793d01e52c31ad">
                                            <i class="fas fa-flask fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>科研办公</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>
                                            <li><a href="#89a839e0a347c0be73793d01e52c31ad" class="smooth"><span>游戏研发</span></a></li>

                                            <li><a href="#acd617ea241c9daf2f251963bc03c6e3" class="smooth"><span>云服务器</span></a></li>

                                            <li><a href="#e0aade1cd567f730e498e248bbd6acdf" class="smooth"><span>工具软件</span></a></li>

                                        </ul>
                                    </li>



                                    <li class="sidebar-item">
                                        <a href="#a4d417d7850fde0cd00e4af576621a63" class="smooth change-href" data-change="#a4d417d7850fde0cd00e4af576621a63">
                                            <i class="fas fa-film fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>悠闲娱乐</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>

                                            <li><a href="#a4d417d7850fde0cd00e4af576621a63" class="smooth"><span>影音视频</span></a></li>

                                            <li><a href="#e15122403d5aca361a6b63ddea292464" class="smooth"><span>游戏竞技</span></a></li>

                                        </ul>
                                    </li>



                                    <li class="sidebar-item">
                                        <a href="#5e6e1089ffbc5d7819c0d0f1f7b31ebc" class="smooth change-href" data-change="#5e6e1089ffbc5d7819c0d0f1f7b31ebc">
                                            <i class="far fa-folder-open fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>素材资源</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>

                                            <li><a href="#5e6e1089ffbc5d7819c0d0f1f7b31ebc" class="smooth"><span>网盘资源</span></a></li>

                                            <li><a href="#7866a35b09d466b9cf0295af54d30d53" class="smooth"><span>图标素材</span></a></li>

                                            <li><a href="#779477bcccdd4ecb1d852c8d4a67caca" class="smooth"><span>图标设计</span></a></li>

                                            <li><a href="#ff65f7f9721757bf11b0b0c95f1b9446" class="smooth"><span>平面素材</span></a></li>

                                            <li><a href="#722d3693fc0b9344bb46ee220beac1b6" class="smooth"><span>字体资源</span></a></li>

                                            <li><a href="#113a0a745b4169af0f7646269c12ae66" class="smooth"><span>PPT资源</span></a></li>

                                        </ul>
                                    </li>



                                    <li class="sidebar-item">
                                        <a href="#4fbc8ba07df90bae306d8e3b83fc5a21" class="smooth change-href" data-change="#4fbc8ba07df90bae306d8e3b83fc5a21">
                                            <i class="fas fa-tools fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>开发设计</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>

                                            <li><a href="#4fbc8ba07df90bae306d8e3b83fc5a21" class="smooth"><span>图形创意</span></a></li>

                                            <li><a href="#542c016a714d85715d206c8892fba01f" class="smooth"><span>界面设计</span></a></li>

                                            <li><a href="#31e51a60697ff3fb1d1c4934cce67921" class="smooth"><span>在线配色</span></a></li>

                                            <li><a href="#9c2232288caaa8ec40948cef6a786ac2" class="smooth"><span>在线工具</span></a></li>

                                            <li><a href="#13a0e1cc22ccc31b31242a6046230729" class="smooth"><span>谷歌插件</span></a></li>

                                        </ul>
                                    </li>



                                    <li class="sidebar-item">
                                        <a href="#19cb9b648dba4efc58a205ea413b6b5d" class="smooth change-href" data-change="#19cb9b648dba4efc58a205ea413b6b5d">
                                            <i class="fas fa-pencil-alt fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>资讯学习</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>

                                            <li><a href="#19cb9b648dba4efc58a205ea413b6b5d" class="smooth"><span>资讯书籍</span></a></li>

                                            <li><a href="#c7a9a750a4a636f0bb3e982b5ea9141c" class="smooth"><span>博客论坛</span></a></li>

                                            <li><a href="#33d3098041927a26a98ed4c6822c9687" class="smooth"><span>设计规范</span></a></li>

                                            <li><a href="#aec25b122d7aceb3dd3b64cf71858ed2" class="smooth"><span>视频教程</span></a></li>

                                        </ul>
                                    </li>


                            </ul>
                        </div>
                    </div>
                </div>
                <div class="border-top py-2 border-color">
                    <div class="flex-bottom">
                        <ul>
                            <li id="menu-item-237"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237 sidebar-item">
                                <a href="/dh/about" target="_blank">
                                    <i class="fas fa-file-upload icon-fw icon-lg mr-2"></i>
                                    <span>网站提交</span></a>
                            </li>

			    <li id="menu-item-212"
                                 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-212 sidebar-item">
                                 <a href="#friendlink" class="smooth">
                                     <i class="fab fa-staylinked icon-fw icon-lg mr-2"></i>
                                     <span>友情链接</span>
                                 </a>
                            </li>

                            <li id="menu-item-213"
                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item">
                                <a target="_blank" rel="noopener" href="/dh/about">
                                    <i class="fa fa-info-circle icon-fw icon-lg mr-2"></i>
                                    <span>关于导航</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>


<div class="main-content flex-fill grid-bg">
    <div class="big-header-banner">
        <div id="header" class="page-header sticky">
            <div class="navbar navbar-expand-md">
                <div class="container-fluid p-0">

                    <a href="" class="navbar-brand d-md-none" title="在线工具网">
                        <img src="./assets/images/bt.png" class="logo-light"
                            alt="在线工具网">
                        <img src="./assets/images/bt.png" class="logo-dark d-none"
                            alt="在线工具网">
                    </a>

                    <div class="collapse navbar-collapse order-2 order-md-1">
                        <div class="header-mini-btn">
                            <label>
                                <input id="mini-button" type="checkbox">
                                <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                    <path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55"></path>
                                    <path class="line--2" d="M0 50h80"></path>
                                    <path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45"></path>
                                </svg>
                            </label>

                        </div>

                        <ul class="navbar-nav site-menu" style="margin-right: 16px;">

			<li >
				<a href="./">
                                    <i class="fa fa-home fa-lg mr-2"></i>
                                    <span>首页</span>
                                </a>
				<ul class="sub-menu">

				</ul>
			    </li>

			<li >
				<a href="./about">
                                    <i class="fa fa-book fa-lg mr-2"></i>
                                    <span>关于</span>
                                </a>
				<ul class="sub-menu">

				</ul>
			    </li>

			</ul>


                        <div class="rounded-circle weather">
                            <div id="he-plugin-simple" style="display: contents;"></div>
                            <script>WIDGET = {
                                    CONFIG: {
                                        "modules": "01234",
                                        "background": 5,
                                        "tmpColor": "E4C600",
                                        "tmpSize": 14,
                                        "cityColor": "E4C600",
                                        "citySize": 14,
                                        "aqiColor": "#E4C600",
                                        "aqiSize": 14,
                                        "weatherIconSize": 24,
                                        "alertIconSize": 18,
                                        "padding": "10px 10px 10px 10px",
                                        "shadow": "1",
                                        "language": "auto",
                                        "borderRadius": 5,
                                        "fixed": "false",
                                        "vertical": "middle",
                                        "horizontal": "left",
                                        "key": "085791e805a24491b43b06cf58ab31e7"
                                    }
                                }
                            </script>
                            <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
                        </div>

                    </div>

                    <ul class="nav navbar-menu text-xs order-1 order-md-2">


                        <li class="nav-item mr-3 mr-lg-0 d-none d-lg-block">
                            <script>
                                fetch('https://v1.hitokoto.cn')
                                    .then(response => response.json())
                                    .then(data => {
                                    const hitokoto = document.getElementById('hitokoto_text')
                                    hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
                                    hitokoto.innerText = data.hitokoto
                                    })
                                    .catch(console.error)
                            </script>
                            <div id="hitokoto"><a href="#" target="_blank" id="hitokoto_text">疏影横斜水清浅，暗香浮动月黄昏。</a></div>
                        </li>


                        <li class="nav-search ml-3 ml-md-4">
                            <a href="javascript:" data-toggle="modal" data-target="#search-modal"><i
                                    class="iconfont icon-search icon-2x"></i></a>
                        </li>
                        <li class="nav-item d-md-none mobile-menu ml-3 ml-md-4">
                            <a href="javascript:" id="sidebar-switch" data-toggle="modal"
                                data-target="#sidebar"><i class="iconfont icon-classification icon-2x"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="placeholder" style="height:74px"></div>
    </div>


<div class="header-big  post-top css-color mb-4" id="search-bg" style="">
    <div class="s-search">
        <div id="search" class="s-search mx-auto">
            <div id="search-list-menu" class="hide-type-list">
                <div class="s-type text-center">
                    <div class="s-type-list big">
                        <div class="anchor" style="position: absolute; left: 50%; opacity: 0;"></div>
                        <label for="type-baidu"   data-id="group-a"><span>常用</span></label>
                        <label for="type-baidu1"  data-id="group-b"><span>搜索</span></label>
                        <label for="type-whois"   data-id="group-c"><span>工具</span></label>
                        <label for="type-zhihu"   data-id="group-d"><span>社区</span></label>
                        <label for="type-taobao1" data-id="group-e"><span>生活</span></label>
                        <label for="type-zhaopin" data-id="group-f"><span>求职</span></label>
                    </div>
                </div>
            </div>

            <form action="https://www.baidu.com?s=" method="get" target="_blank" class="super-search-fm">
                <input type="text" id="search-text" class="form-control smart-tips search-key"
                    zhannei="" placeholder="输入关键字搜索" style="outline:0" autocomplete="off">
                <button class="submit" type="submit"><i class="iconfont icon-search"></i></button>
            </form>

            <div id="search-list" class="hide-type-list">
                <div class="search-group group-a">
                    <ul class="search-type">
		        <li><input hidden="" type="radio" name="type" checked="checked"
                                id="type-baidu"
                                value="https://www.baidu.com/s?wd="
                                data-placeholder="百度一下，你就知道">
                            <label for="type-baidu"><span class="text-muted">百度</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-bing"
                                value="https://cn.bing.com/search?q="
                                data-placeholder="微软 Bing 搜索">
			    <label for="type-bing"><span class="text-muted">必应</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-google"
                                value="https://www.google.com/search?q="
                                data-placeholder="谷歌搜索">
			    <label for="type-google"><span class="text-muted">谷歌</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-anaconda"
			        value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
			    <label for="type-anaconda"><span class="text-muted">软件</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-pubmed"
                                value="https://pubmed.ncbi.nlm.nih.gov/?term="
                                data-placeholder="PubMed 搜索/文章标题/关键字">
			    <label for="type-pubmed"><span class="text-muted">文献</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-b">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type"
                                id="type-baidu1"
                                value="https://www.baidu.com/s?wd="
                                data-placeholder="百度一下，你就知道">
                            <label for="type-baidu1"><span class="text-muted">百度</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-google1"
                                value="https://www.google.com/search?q="
                                data-placeholder="谷歌搜索">
                            <label for="type-google1"><span class="text-muted">谷歌</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-360"
                                value="https://www.so.com/s?q="
                                data-placeholder="360 好搜">
                            <label for="type-360"><span class="text-muted">360</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-sogo"
                                value="https://www.sogou.com/web?query="
                                data-placeholder="搜狗搜索">
                            <label for="type-sogo"><span class="text-muted">搜狗</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-bing1"
                                value="https://cn.bing.com/search?q="
                                data-placeholder="微软 Bing 搜索">
                            <label for="type-bing1"><span class="text-muted">必应</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-sm"
                                value="https://yz.m.sm.cn/s?q="
                                data-placeholder="UC 移动端搜索">
                            <label for="type-sm"><span class="text-muted">神马</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-c">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type"
                                id="type-br"
                                value="https://rank.chinaz.com/all/"
                                data-placeholder="请输入网址(不带 https://)">
                            <label for="type-br"><span class="text-muted">权重查询</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-links"
                                value="https://link.chinaz.com/"
                                data-placeholder="请输入网址(不带 https://)">
                            <label for="type-links"><span class="text-muted">友链检测</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-whois"
                                value="https://who.is/whois/"
                                data-placeholder="请输入网址(不带 https://)">
                            <label for="type-whois"><span class="text-muted">域名信息查询</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-ping"
                                value="https://ping.chinaz.com/"
                                data-placeholder="请输入网址(不带 https://)">
                            <label for="type-ping"><span class="text-muted">PING 检测</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-404"
                                value="https://tool.chinaz.com/Links/?DAddress="
                                data-placeholder="请输入网址(不带https://)">
                             <label for="type-404"><span class="text-muted">死链检测</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-ciku"
                                value="https://www.ciku5.com/s?wd="
                                data-placeholder="请输入关键词">
                            <label for="type-ciku"><span class="text-muted">关键词挖掘</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-d">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type"
                                id="type-zhihu"
                                value="https://www.zhihu.com/search?type=content&q="
                                data-placeholder="知乎">
                            <label for="type-zhihu"><span class="text-muted">知乎</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-wechat"
                                value ="https://weixin.sogou.com/weixin?type=2&query="
                                data-placeholder="微信">
                            <label for="type-wechat"><span class="text-muted">微信</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                 id="type-weibo"
                                 value="https://s.weibo.com/weibo/"
                                 data-placeholder="微博">
                            <label for="type-weibo"><span class="text-muted">微博</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                 id="type-douban"
                                 value="https://www.douban.com/search?q="
                                 data-placeholder="豆瓣">
                            <label for="type-douban"><span class="text-muted">豆瓣</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-e">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type"
                                id="type-taobao1"
                                value="https://s.taobao.com/search?q="
                                data-placeholder="淘宝">
                            <label for="type-taobao1"><span class="text-muted">淘宝</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-jd"
                                value="https://search.jd.com/Search?keyword="
                                data-placeholder="京东">
                            <label for="type-jd"><span class="text-muted">京东</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-xiachufang"
                                value="https://www.xiachufang.com/search/?keyword="
                                data-placeholder="下厨房">
                            <label for="type-xiachufang"><span class="text-muted">下厨房</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-xiangha"
                                value="https://www.xiangha.com/so/?q=caipu&s="
                                data-placeholder="香哈菜谱">
                            <label for="type-xiangha"><span class="text-muted">香哈菜谱</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-12306"
                                value="https://www.12306.cn/?"
                                data-placeholder="12306">
                            <label for="type-12306"><span class="text-muted">12306</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-qunar"
                                value="https://www.qunar.com/?"
                                data-placeholder="去哪儿">
                            <label for="type-qunar"><span class="text-muted">去哪儿</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-f">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type"
                                id="type-zhaopin"
                                value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
                                data-placeholder="智联招聘">
                            <label for="zhaopin"><span class="text-muted">智联招聘</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-51job"
                                value="https://search.51job.com/?"
                                data-placeholder="前程无忧">
                            <label for="type-51job"><span class="text-muted">前程无忧</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-lagou"
                                value="https://www.lagou.com/jobs/list_"
                                data-placeholder="拉钩网">
                            <label for="type-lagou"><span class="text-muted">拉钩网</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type"
                                id="type-liepin"
                                value="https://www.liepin.com/zhaopin/?key="
                                data-placeholder="猎聘网">
                            <label for="type-liepin"><span class="text-muted">猎聘网</span></label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="card search-smart-tips search-hot-text">
                <ul id="word" style="display: none"></ul>
            </div>
        </div>
    </div>

</div>


<div id="content" class="content-site customize-site">




            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="3e90c5117dc0fe9d71410e448d766e52"></i>
                    常用工具
                </h4>

            </div>

            <div class="row">
                
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
                        <a href="https://www.bilibili.com/" target="_blank" data-id="" data-url="https://www.bilibili.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bilibili 视频弹幕网站。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
					    <img class="lazy" src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png" data-src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="哔哩哔哩">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>哔哩哔哩</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Bilibili 视频弹幕网站。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://v.youku.com/v_show/id_XMzk1NjM1MjAw.html?s=cc003400962411de83b1&spm=a2hje.13141534.1_3.d_1_1&scm=20140719.apircmd.239064.video_XMzk1NjM1MjAw" target="_blank" data-id="" data-url="https://v.youku.com/v_show/id_XMzk1NjM1MjAw.html?s=cc003400962411de83b1&spm=a2hje.13141534.1_3.d_1_1&scm=20140719.apircmd.239064.video_XMzk1NjM1MjAw"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优酷：柯南">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/%e4%bc%98%e9%85%b7.png" data-src="assets/images/logos/%e4%bc%98%e9%85%b7.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="优酷：柯南">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>柯南</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">优酷：柯南日语版</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://v.youku.com/v_show/id_XMzk1NjM1MjAw.html?s=cc003400962411de83b1&spm=a2hje.13141534.1_3.d_1_1&scm=20140719.apircmd.239064.video_XMzk1NjM1MjAw" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.ixigua.com/" target="_blank" data-id="" data-url="https://www.ixigua.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="西瓜视频">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/xigualogo.png" data-src="assets/images/logos/xigualogo.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="西瓜视频">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>西瓜视频</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">西瓜视频</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.ixigua.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://gitee.com/" target="_blank" data-id="" data-url="https://gitee.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专业的云端知识库。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/gitee.png" data-src="assets/images/logos/gitee.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="码云">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>码云</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">国内版github</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://gitee.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://mail.qq.com/" target="_blank" data-id="" data-url="http://mail.qq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="腾讯 QQ 邮箱。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/qq%e9%82%ae%e7%ae%b1.png" data-src="assets/images/logos/qq%e9%82%ae%e7%ae%b1.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="QQ 邮箱">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>QQ 邮箱</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">腾讯 QQ 邮箱。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://mail.qq.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.oschina.net/" target="_blank" data-id="" data-url="https://www.oschina.net/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中文开源技术交流社区。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg" data-src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="开源中国">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>开源中国</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">中文开源技术交流社区。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.oschina.net/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://wx.qq.com/" target="_blank" data-id="" data-url="https://wx.qq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="微信网页版">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.png" data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="微信网页版">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>微信</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">微信网页版</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://wx.qq.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://github.com/" target="_blank" data-id="" data-url="https://github.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="GitHub 开源社区。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/github.jpg" data-src="assets/images/logos/github.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="GitHub">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>GitHub</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">GitHub 开源社区。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://github.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://ps.gitapp.cn/" target="_blank" data-id="" data-url="https://ps.gitapp.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="一键p图抠图工具">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/inoreader.jpg" data-src="assets/images/logos/inoreader.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="在线ps">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>在线ps</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">一键p图抠图工具</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://ps.gitapp.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://fangdaijisuanqi.vip" target="_blank" data-id="" data-url="https://fangdaijisuanqi.vip"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="房贷利率计算器">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/awesome_design_systems.png" data-src="assets/images/logos/awesome_design_systems.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="房贷计算器">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>房贷计算器</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">房贷利率计算器</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://fangdaijisuanqi.vip" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://m3u8player.org/" target="_blank" data-id="" data-url="https://m3u8player.org/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="m3u8/hls在线播放">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/Material_Design.png" data-src="assets/images/logos/Material_Design.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="m3u8在线播放器">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>m3u8在线播放器</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">m3u8/hls在线播放</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://m3u8player.org/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://fktool.com" target="_blank" data-id="" data-url="https://fktool.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="一些常见的开发工具">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/mdx.png" data-src="assets/images/logos/mdx.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="在线工具助手">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>在线工具助手</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">一些常见的开发工具</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://fktool.com" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.json.cn/" target="_blank" data-id="" data-url="https://www.json.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Json在线解析">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/json.png" data-src="assets/images/logos/json.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Json">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Json</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Json在线解析</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.json.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.zhihu.com/" target="_blank" data-id="" data-url="https://www.zhihu.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="知乎社区。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/%e7%9f%a5%e4%b9%8e.png" data-src="assets/images/logos/%e7%9f%a5%e4%b9%8e.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="知乎">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>知乎</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">知乎社区。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.zhihu.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://fanyi.baidu.com" target="_blank" data-id="" data-url="https://fanyi.baidu.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="百度翻译">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/logo.2481f256.png" data-src="assets/images/logos/logo.2481f256.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="百度翻译">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>百度翻译</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">百度翻译</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://fanyi.baidu.com" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://yiyan.baidu.com/" target="_blank" data-id="" data-url="https://yiyan.baidu.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="文心一言">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/yiyan-logo.png" data-src="assets/images/logos/yiyan-logo.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="文心一言">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>文心一言</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">百度AI,文心一言</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://yiyan.baidu.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://marvin517.gitee.io/itblog/" target="_blank" data-id="" data-url="https://marvin517.gitee.io/itblog/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="giteeITBlog">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/gitee.png" data-src="assets/images/logos/gitee.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="giteeITBlog">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>giteeITBlog</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在gitee部署的ITBlog</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://marvin517.gitee.io/itblog/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://marvin517.github.io/" target="_blank" data-id="" data-url="https://marvin517.github.io/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="github导航">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/github.jpg" data-src="assets/images/logos/github.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="github导航">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>github导航</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">自定义github导航</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://marvin517.github.io/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://ttsmaker.cn/" target="_blank" data-id="" data-url="https://ttsmaker.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="TTSMaker">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/expert_logo_v2.png" data-src="assets/images/logos/expert_logo_v2.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="TTSMaker">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>TTSMaker</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">TTSMaker,免费在线配音工具</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://ttsmaker.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://kol.fanqieopen.com/" target="_blank" data-id="" data-url="https://kol.fanqieopen.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="番茄达人中心">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/fqdr.png" data-src="assets/images/logos/fqdr.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="番茄达人中心">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>番茄达人中心</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费在授权，视频生成</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://kol.fanqieopen.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.appinn.com/" target="_blank" data-id="" data-url="https://www.appinn.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="小众软件">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/appinn.png" data-src="assets/images/logos/appinn.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="小众软件">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>小众软件</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">小众软件</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.appinn.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                
            </div>
            <br />

            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="89a839e0a347c0be73793d01e52c31ad"></i>
                    游戏/软件研发
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://ziyuan.baidu.com/" target="_blank" data-id="" data-url="https://ziyuan.baidu.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="百度收录">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


                                            <img class="lazy" src="assets/images/logos/fqdr.png" data-src="assets/images/logos/fqdr.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="百度收录">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>百度收录</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">百度收录</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://ziyuan.baidu.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>



                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.runoob.com/" target="_blank" data-id="" data-url="https://www.runoob.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="菜鸟教程">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/runoob-logo.png" data-src="assets/images/logos/runoob-logo.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="菜鸟教程">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>菜鸟教程</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">菜鸟教程，免费学习网站</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.runoob.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://sqlpub.com/#/" target="_blank" data-id="" data-url="https://sqlpub.com/#/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="sqlpub">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/sqlpub.jpg" data-src="assets/images/logos/sqlpub.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="sqlpub">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>sqlpub</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费数据库,国内500M存储空间</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://sqlpub.com/#/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.ltzf.cn/" target="_blank" data-id="" data-url="https://www.ltzf.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="蓝兔支付">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/ltzf.png" data-src="assets/images/logos/ltzf.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="蓝兔支付">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>蓝兔支付</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">蓝兔支付,支持个人入驻</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.ltzf.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.sxl.cn/s#/" target="_blank" data-id="" data-url="https://www.sxl.cn/s#/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="上线了">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/sxl.png" data-src="assets/images/logos/sxl.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="上线了">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>上线了</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">上线了,个人免费网站</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.sxl.cn/s#/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://anaconda.org/bioconda/" target="_blank" data-id="" data-url="https://anaconda.org/bioconda/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bioconda :: Anaconda.org.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/bioconda.jpg" data-src="assets/images/logos/bioconda.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Bioconda">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Bioconda</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Bioconda :: Anaconda.org.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://anaconda.org/bioconda/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://metacpan.org/" target="_blank" data-id="" data-url="https://metacpan.org/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search the CPAN.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/cpan.jpg" data-src="assets/images/logos/cpan.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="CPAN">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>CPAN</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Search the CPAN.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://metacpan.org/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://gitter.im/galaxyproject" target="_blank" data-id="" data-url="https://gitter.im/galaxyproject"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Galaxy Gitter Community.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/gitter.jpg" data-src="assets/images/logos/gitter.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Gitter Galaxy">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Gitter Galaxy</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Galaxy Gitter Community.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://gitter.im/galaxyproject" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.r-project.org/" target="_blank" data-id="" data-url="https://www.r-project.org/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.r-project.org">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/r-project.jpg" data-src="assets/images/logos/r-project.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="R Project">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>R Project</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">https://www.r-project.org</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.r-project.org/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.bioconductor.org/" target="_blank" data-id="" data-url="http://www.bioconductor.org/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="http://www.bioconductor.org">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/bioconductor.jpg" data-src="assets/images/logos/bioconductor.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Bioconductor">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Bioconductor</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">http://www.bioconductor.org</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.bioconductor.org/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="e0aade1cd567f730e498e248bbd6acdf"></i>
                    工具软件
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.youdao.com/" target="_blank" data-id="" data-url="https://www.youdao.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费，即时的多语种在线翻译。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png" data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="有道词典">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>有道词典</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费，即时的多语种在线翻译。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.youdao.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://fanyi.youdao.com/" target="_blank" data-id="" data-url="http://fanyi.youdao.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="有道翻译。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png" data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="有道翻译">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>有道翻译</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">有道翻译。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://fanyi.youdao.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://translate.google.cn/" target="_blank" data-id="" data-url="https://translate.google.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="谷歌翻译。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.jpg" data-src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="谷歌翻译">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>谷歌翻译</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">谷歌翻译。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://translate.google.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.processon.com/" target="_blank" data-id="" data-url="https://www.processon.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费在线作图、实时协作。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/ProcessOn.png" data-src="assets/images/logos/ProcessOn.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ProcessOn">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>ProcessOn</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费在线作图、实时协作。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.processon.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://msdn.itellyou.cn/" target="_blank" data-id="" data-url="https://msdn.itellyou.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="itellyou，免费纯净系统下载">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/itellyou.png" data-src="assets/images/logos/itellyou.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ProcessOn">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>itellyou</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">itellyou，免费纯净系统下载</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://msdn.itellyou.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.dayanzai.me/" target="_blank" data-id="" data-url="http://www.dayanzai.me/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费，即时的多语种在线翻译。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/dayanzai.png" data-src="assets/images/logos/dayanzai.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="有道词典">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>大眼仔</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">破解软件资源网</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.dayanzai.me/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>



            </div>
            <br />


            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="9c2232288caaa8ec40948cef6a786ac2"></i>
                    在线工具
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://tinypng.com/" target="_blank" data-id="" data-url="https://tinypng.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Optimize your images with a perfect balance in quality and file size.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/tinypng.png" data-src="assets/images/logos/tinypng.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="tinypng">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>tinypng</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线图片压缩工具</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://tinypng.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.pdfdo.com/pdf-to-word.aspx" target="_blank" data-id="" data-url="http://www.pdfdo.com/pdf-to-word.aspx"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="PDF转换器">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/pdfdo.png" data-src="assets/images/logos/pdfdo.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PDF转换器">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>PDF转换器</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">PDF转换器</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.pdfdo.com/pdf-to-word.aspx" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://bigjpg.com/" target="_blank" data-id="" data-url="https://bigjpg.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="AI人工智能图片放大">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/bigjpg.png" data-src="assets/images/logos/bigjpg.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="AI人工智能图片放大">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>AI人工智能图片放大</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">AI人工智能图片放大</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://bigjpg.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.tpqxb.com/" target="_blank" data-id="" data-url="https://www.tpqxb.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="图片清晰">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/tpqxb.png" data-src="assets/images/logos/tpqxb.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="图片清晰">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>图片清晰</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">图片清晰处理</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.tpqxb.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://tool.lu/" target="_blank" data-id="" data-url="https://tool.lu/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="在线工具集合">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/httpstoollu.png" data-src="assets/images/logos/httpstoollu.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="在线工具">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>在线工具</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线工具集合</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://tool.lu/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.remove.bg/" target="_blank" data-id="" data-url="https://www.remove.bg/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="removebg">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/remove.png" data-src="assets/images/logos/remove.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="removebg">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>removebg</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线图片背景消除</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.remove.bg/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>


                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://photokit.com/editor/" target="_blank" data-id="" data-url="https://photokit.com/editor/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="在线抠图">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/photokit.png" data-src="assets/images/logos/photokit.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="在线抠图">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>在线抠图</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线AI抠图，编辑</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://photokit.com/editor/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://pearocr.com/#/" target="_blank" data-id="" data-url="https://pearocr.com/#/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="看图识字">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/pearocr.png" data-src="assets/images/logos/pearocr.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="看图识字">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>看图识字</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线看图识字</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://pearocr.com/#/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://base64.icu" target="_blank" data-id="" data-url="https://base64.icu"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="base64在线解码与编码">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/svgomg.png" data-src="assets/images/logos/svgomg.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="base64在线解码">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>base64在线解码</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">base64在线解码与编码</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://base64.icu" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://md5jiami.bmcx.com/" target="_blank" data-id="" data-url="https://md5jiami.bmcx.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="MD5在线生成">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/md5jiami.png" data-src="assets/images/logos/md5jiami.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="MD5在线生成">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>便民查询</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">MD5在线生成</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://md5jiami.bmcx.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>


                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://goqr.me/" target="_blank" data-id="" data-url="http://goqr.me/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="create QR codes for free (Logo, T-Shirt, vCard, EPS).">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/goqr.png" data-src="assets/images/logos/goqr.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="goqr">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>goqr</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线二维码生成</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://goqr.me/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://ezgif.com" target="_blank" data-id="" data-url="https://ezgif.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="simple online GIF maker and toolset for basic animated GIF editing.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/ezgif.png" data-src="assets/images/logos/ezgif.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ezgif">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>ezgif</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线GIF制作</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://ezgif.com" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://inloop.github.io/shadow4android/" target="_blank" data-id="" data-url="http://inloop.github.io/shadow4android/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Android 9-patch shadow generator fully customizable shadows.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Android9patch.png" data-src="assets/images/logos/Android9patch.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Android 9 patch">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Android 9 patch</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Android 9-patch shadow generator fully customizable shadows.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://inloop.github.io/shadow4android/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://screensiz.es/" target="_blank" data-id="" data-url="http://screensiz.es/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Viewport Sizes and Pixel Densities for Popular Devices.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/screensizes.png" data-src="assets/images/logos/screensizes.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="screen sizes">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>screen sizes</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Viewport Sizes and Pixel Densities for Popular Devices.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://screensiz.es/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                

            </div>
            <br />




            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="a4d417d7850fde0cd00e4af576621a63"></i>
                    影音视频
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://v.qq.com/" target="_blank" data-id="" data-url="http://v.qq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="腾讯视频，海量视频在线观看。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.png" data-src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="腾讯视频">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>腾讯视频</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">腾讯视频，海量视频在线观看。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://v.qq.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.youku.com/" target="_blank" data-id="" data-url="http://www.youku.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优酷 - 这个世界很酷。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e4%bc%98%e9%85%b7.png" data-src="assets/images/logos/%e4%bc%98%e9%85%b7.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="优酷">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>优酷</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">优酷 - 这个世界很酷。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.youku.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.iqiyi.com/" target="_blank" data-id="" data-url="https://www.iqiyi.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="爱奇艺在线视频。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.png" data-src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="爱奇艺">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>爱奇艺</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">爱奇艺在线视频。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.iqiyi.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.bilibili.com/" target="_blank" data-id="" data-url="https://www.bilibili.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bilibili 视频弹幕网站。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png" data-src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="哔哩哔哩">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>哔哩哔哩</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Bilibili 视频弹幕网站。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://y.qq.com/" target="_blank" data-id="" data-url="https://y.qq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="QQ 音乐，在线听歌。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.jpg" data-src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="QQ 音乐">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>QQ 音乐</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">QQ 音乐，在线听歌。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://y.qq.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://music.163.com/" target="_blank" data-id="" data-url="https://music.163.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="163 网易云音乐。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg" data-src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="网易云音乐">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>网易云音乐</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">163 网易云音乐。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://music.163.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
                
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.atoolbox.net/Tool.php?Id=860" target="_blank" data-id="" data-url="http://www.atoolbox.net/Tool.php?Id=860"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="加密音乐解锁">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/atoolbox.png" data-src="assets/images/logos/atoolbox.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="加密音乐解锁">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>加密音乐解锁</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">加密音乐解锁</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.atoolbox.net/Tool.php?Id=860" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://iui.su/" target="_blank" data-id="" data-url="https://iui.su/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="不死鸟">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/httpsiui.su.png" data-src="assets/images/logos/httpsiui.su.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="不死鸟">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>不死鸟</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">不死鸟,资源整合网</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://iui.su/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://dy2018.com/" target="_blank" data-id="" data-url="https://dy2018.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电影天堂（DYTT8），高清电影下载。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png" data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="电影天堂（dy2018）">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>电影天堂（dy2018）</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">电影天堂（dy2018），高清电影下载。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://dy2018.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.dygod.net/" target="_blank" data-id="" data-url="https://www.dygod.net/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电影天堂（DYGOD），高清电影下载。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png" data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="电影天堂（DYGOD）">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>电影天堂（DYGOD）</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">电影天堂（DYGOD），高清电影下载。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.dygod.net/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.hao6v.tv/" target="_blank" data-id="" data-url="https://www.hao6v.tv/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="6V电影网">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/hao6v.tv.jpg" data-src="assets/images/logos/hao6v.tv.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="6V电影网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>6V电影网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">6V电影网</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.hao6v.tv/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="e15122403d5aca361a6b63ddea292464"></i>
                    游戏竞技
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.gamer520.com/" target="_blank" data-id="" data-url="https://www.gamer520.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Gamer520">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Gamer520.jpg" data-src="assets/images/logos/Gamer520.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Gamer520">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Gamer520</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Gamer520,免费游戏分享网站</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.gamer520.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.flysheep6.com/" target="_blank" data-id="" data-url="https://www.flysheep6.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="资源避难所">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/flysheep6.png" data-src="assets/images/logos/flysheep6.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="资源避难所">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>资源避难所</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费游戏分享网站</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.flysheep6.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />







            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="5e6e1089ffbc5d7819c0d0f1f7b31ebc"></i>
                    网盘资源
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://pan.baidu.com/" target="_blank" data-id="" data-url="http://pan.baidu.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="https://pan.baidu.com/.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e7%99%be%e5%ba%a6%e7%bd%91%e7%9b%98.jpg" data-src="assets/images/logos/%e7%99%be%e5%ba%a6%e7%bd%91%e7%9b%98.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="百度网盘">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>百度网盘</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">https://pan.baidu.com/.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://pan.baidu.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.aliyundrive.com/" target="_blank" data-id="" data-url="https://www.aliyundrive.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阿里云盘，你的数字世界。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91%e7%9b%98.png" data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91%e7%9b%98.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阿里云盘">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>阿里云盘</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">阿里云盘，你的数字世界。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.aliyundrive.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://cloud.189.cn/" target="_blank" data-id="" data-url="https://cloud.189.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="家庭云|网盘|文件备份|资源分享。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e5%a4%a9%e7%bf%bc%e4%ba%91%e7%9b%98.jpg" data-src="assets/images/logos/%e5%a4%a9%e7%bf%bc%e4%ba%91%e7%9b%98.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="天翼云盘">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>天翼云盘</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">家庭云|网盘|文件备份|资源分享。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://cloud.189.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="坚果云官网。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e5%9d%9a%e6%9e%9c%e4%ba%91.png" data-src="assets/images/logos/%e5%9d%9a%e6%9e%9c%e4%ba%91.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="坚果云">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>坚果云</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">坚果云官网。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="7866a35b09d466b9cf0295af54d30d53"></i>
                    图标素材
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">
                
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://miankoutupian.com/" target="_blank" data-id="" data-url="https://miankoutupian.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免扣图片网">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/miankoutupian.png" data-src="assets/images/logos/miankoutupian.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Iconfinder">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>免扣图片网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免扣图片网</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://miankoutupian.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.iconfinder.com" target="_blank" data-id="" data-url="https://www.iconfinder.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="2,100,000&#43; free and premium vector icons.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Iconfinder.png" data-src="assets/images/logos/Iconfinder.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Iconfinder">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Iconfinder</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">2,100,000&#43; free and premium vector icons.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.iconfinder.com" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.iconfont.cn/" target="_blank" data-id="" data-url="http://www.iconfont.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阿里巴巴矢量图标库。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/iconfont.png" data-src="assets/images/logos/iconfont.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iconfont">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>iconfont</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">阿里巴巴矢量图标库。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.iconfont.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://iconmonstr.com/" target="_blank" data-id="" data-url="https://iconmonstr.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free simple icons for your next project.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/iconmonstr.png" data-src="assets/images/logos/iconmonstr.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iconmonstr">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>iconmonstr</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free simple icons for your next project.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://iconmonstr.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.iconarchive.com/" target="_blank" data-id="" data-url="http://www.iconarchive.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search 590,912 free icons.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/iconarchive.png" data-src="assets/images/logos/iconarchive.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Icon Archive">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Icon Archive</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Search 590,912 free icons.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.iconarchive.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://findicons.com/" target="_blank" data-id="" data-url="https://findicons.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search through 300,000 free icons.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/FindIcons.png" data-src="assets/images/logos/FindIcons.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FindIcons">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>FindIcons</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Search through 300,000 free icons.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://findicons.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://icomoon.io/app/" target="_blank" data-id="" data-url="https://icomoon.io/app/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Icon Font, SVG, PDF &amp;amp; PNG Generator.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/IcoMoonApp.png" data-src="assets/images/logos/IcoMoonApp.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="IcoMoonApp">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>IcoMoonApp</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Icon Font, SVG, PDF &amp;amp; PNG Generator.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://icomoon.io/app/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.flaticon.com/" target="_blank" data-id="" data-url="https://www.flaticon.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="634,000&#43; Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/flaticon.png" data-src="assets/images/logos/flaticon.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flaticon">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>flaticon</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">634,000&#43; Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.flaticon.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://ui-cloud.com/" target="_blank" data-id="" data-url="http://ui-cloud.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The largest user interface design database in the world.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/UICloud.png" data-src="assets/images/logos/UICloud.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="UICloud">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>UICloud</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The largest user interface design database in the world.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://ui-cloud.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://material.io/icons/" target="_blank" data-id="" data-url="https://material.io/icons/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Materialicons.png" data-src="assets/images/logos/Materialicons.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Material icons">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Material icons</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://material.io/icons/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://fontawesome.com/icons/" target="_blank" data-id="" data-url="https://fontawesome.com/icons/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The complete set of 675 icons in Font Awesome.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/fontawesomeicon.png" data-src="assets/images/logos/fontawesomeicon.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Font Awesome Icon">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Font Awesome Icon</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The complete set of 675 icons in Font Awesome.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://fontawesome.com/icons/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://ionicons.com/" target="_blank" data-id="" data-url="http://ionicons.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The premium icon font for Ionic Framework.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/ionicons.png" data-src="assets/images/logos/ionicons.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ion icons">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>ion icons</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The premium icon font for Ionic Framework.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://ionicons.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://simplelineicons.com/" target="_blank" data-id="" data-url="http://simplelineicons.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Simple line Icons pack.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/simplelineicons.png" data-src="assets/images/logos/simplelineicons.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Simpleline Icons">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Simpleline Icons</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Simple line Icons pack.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://simplelineicons.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="779477bcccdd4ecb1d852c8d4a67caca"></i>
                    图标设计
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.iconsfeed.com/" target="_blank" data-id="" data-url="http://www.iconsfeed.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="iOS icons gallery.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/iconsfeed.png" data-src="assets/images/logos/iconsfeed.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Iconsfeed">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Iconsfeed</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">iOS icons gallery.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.iconsfeed.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://iosicongallery.com/" target="_blank" data-id="" data-url="http://iosicongallery.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Showcasing beautiful icon designs from the iOS App Store.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/iosicongallery.png" data-src="assets/images/logos/iosicongallery.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iOS Icon Gallery">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>iOS Icon Gallery</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Showcasing beautiful icon designs from the iOS App Store.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://iosicongallery.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://worldvectorlogo.com/" target="_blank" data-id="" data-url="https://worldvectorlogo.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Brand logos free to download.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/worldvectorlogo.png" data-src="assets/images/logos/worldvectorlogo.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="World Vector Logo">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>World Vector Logo</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Brand logos free to download.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://worldvectorlogo.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://instantlogosearch.com/" target="_blank" data-id="" data-url="http://instantlogosearch.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search &amp; download thousands of logos instantly.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/InstantLogoSearch.png" data-src="assets/images/logos/InstantLogoSearch.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Instant Logo Search">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Instant Logo Search</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Search &amp; download thousands of logos instantly.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://instantlogosearch.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="ff65f7f9721757bf11b0b0c95f1b9446"></i>
                    平面素材
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.freepik.com/" target="_blank" data-id="" data-url="https://www.freepik.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="More than a million free vectors, PSD, photos and free icons.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/freepik.png" data-src="assets/images/logos/freepik.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="freepik">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>freepik</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">More than a million free vectors, PSD, photos and free icons.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.freepik.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://wallhalla.com/" target="_blank" data-id="" data-url="https://wallhalla.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Find awesome high quality wallpapers for desktop and mobile in one place.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/wallhalla.png" data-src="assets/images/logos/wallhalla.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="wallhalla">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>wallhalla</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://wallhalla.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://365psd.com/" target="_blank" data-id="" data-url="https://365psd.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free PSD &amp;amp; Graphics, Illustrations.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/365PSD.png" data-src="assets/images/logos/365PSD.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="365PSD">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>365PSD</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free PSD &amp;amp; Graphics, Illustrations.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://365psd.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://medialoot.com/" target="_blank" data-id="" data-url="https://medialoot.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free &amp;amp; Premium Design Resources &amp;mdash; Medialoot.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Medialoot.png" data-src="assets/images/logos/Medialoot.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Medialoot">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Medialoot</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free &amp;amp; Premium Design Resources &amp;mdash; Medialoot.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://medialoot.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.58pic.com/" target="_blank" data-id="" data-url="http://www.58pic.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专注免费设计素材下载的网站.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/qiantu.png" data-src="assets/images/logos/qiantu.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="千图网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>千图网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">专注免费设计素材下载的网站.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.58pic.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://588ku.com/" target="_blank" data-id="" data-url="http://588ku.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费 png 图片背景素材下载。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/qianku.png" data-src="assets/images/logos/qianku.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="千库网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>千库网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费 png 图片背景素材下载。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://588ku.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.ooopic.com/" target="_blank" data-id="" data-url="http://www.ooopic.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="我图网，提供图片素材及模板下载，专注正版设计作品交易。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/wotu.png" data-src="assets/images/logos/wotu.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="我图网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>我图网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">我图网，提供图片素材及模板下载，专注正版设计作品交易。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.ooopic.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://90sheji.com/" target="_blank" data-id="" data-url="http://90sheji.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电商设计（淘宝美工）千图免费淘宝素材库。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/90sheji.png" data-src="assets/images/logos/90sheji.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="90 设计">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>90 设计</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">电商设计（淘宝美工）千图免费淘宝素材库。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://90sheji.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.nipic.com/" target="_blank" data-id="" data-url="http://www.nipic.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="原创素材共享平台。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/nipic.png" data-src="assets/images/logos/nipic.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="昵图网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>昵图网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">原创素材共享平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.nipic.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.lanrentuku.com/" target="_blank" data-id="" data-url="http://www.lanrentuku.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="懒人图库专注于提供网页素材下载。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/lanrentuku.png" data-src="assets/images/logos/lanrentuku.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="懒人图库">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>懒人图库</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">懒人图库专注于提供网页素材下载。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.lanrentuku.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://so.ui001.com/" target="_blank" data-id="" data-url="http://so.ui001.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="设计素材搜索聚合。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/sousucai.png" data-src="assets/images/logos/sousucai.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="素材搜索">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>素材搜索</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">设计素材搜索聚合。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://so.ui001.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://psefan.com/" target="_blank" data-id="" data-url="http://psefan.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="不一样的设计素材库！让自己的设计与众不同！">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/psefan.png" data-src="assets/images/logos/psefan.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PS 饭团网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>PS 饭团网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">不一样的设计素材库！让自己的设计与众不同！</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://psefan.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.sccnn.com/" target="_blank" data-id="" data-url="http://www.sccnn.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费素材共享平台。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/sccnn.png" data-src="assets/images/logos/sccnn.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="素材中国">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>素材中国</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费素材共享平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.sccnn.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="722d3693fc0b9344bb46ee220beac1b6"></i>
                    字体资源
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://fonts.google.com/" target="_blank" data-id="" data-url="https://fonts.google.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Making the web more beautiful, fast, and open through great typography.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/googlefont.png" data-src="assets/images/logos/googlefont.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Google Font">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Google Font</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Making the web more beautiful, fast, and open through great typography.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://fonts.google.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://typekit.com/" target="_blank" data-id="" data-url="https://typekit.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Quality fonts from the world’s best foundries.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/typekit.png" data-src="assets/images/logos/typekit.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Typekit">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Typekit</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Quality fonts from the world’s best foundries.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://typekit.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.foundertype.com/" target="_blank" data-id="" data-url="http://www.foundertype.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="方正字库官方网站。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Fondertype.png" data-src="assets/images/logos/Fondertype.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="方正字库">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>方正字库</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">方正字库官方网站。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.foundertype.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://ziticq.com/" target="_blank" data-id="" data-url="http://ziticq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国首个字体品牌设计师交流网。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/ziticq.png" data-src="assets/images/logos/ziticq.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="字体传奇网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>字体传奇网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">中国首个字体品牌设计师交流网。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://ziticq.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://sicangziti.com/" target="_blank" data-id="" data-url="http://sicangziti.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优质字体免费下载站。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/sicangziti.png" data-src="assets/images/logos/sicangziti.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="私藏字体">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>私藏字体</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">优质字体免费下载站。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://sicangziti.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.fontsquirrel.com/" target="_blank" data-id="" data-url="https://www.fontsquirrel.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="FREE fonts for graphic designers.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/fontsquirrel.png" data-src="assets/images/logos/fontsquirrel.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Fontsquirrel">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Fontsquirrel</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">FREE fonts for graphic designers.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.fontsquirrel.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.urbanfonts.com/" target="_blank" data-id="" data-url="https://www.urbanfonts.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Download Free Fonts and Free Dingbats.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/UrbanFonts.png" data-src="assets/images/logos/UrbanFonts.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Urban Fonts">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Urban Fonts</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Download Free Fonts and Free Dingbats.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.urbanfonts.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.losttype.com/" target="_blank" data-id="" data-url="http://www.losttype.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Lost Type is a Collaborative Digital Type Foundry.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/losttype.png" data-src="assets/images/logos/losttype.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Lost Type">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Lost Type</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Lost Type is a Collaborative Digital Type Foundry.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.losttype.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://fonts2u.com/" target="_blank" data-id="" data-url="https://fonts2u.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Download free fonts for Windows and Macintosh.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/fonts2u.png" data-src="assets/images/logos/fonts2u.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FONTS2U">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>FONTS2U</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Download free fonts for Windows and Macintosh.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://fonts2u.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.fontex.org/" target="_blank" data-id="" data-url="http://www.fontex.org/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free Fonts to Download &#43; Premium Typefaces.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/fontex.png" data-src="assets/images/logos/fontex.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Fontex">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Fontex</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free Fonts to Download &#43; Premium Typefaces.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.fontex.org/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://fontm.com/" target="_blank" data-id="" data-url="http://fontm.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free Fonts">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/FontM.png" data-src="assets/images/logos/FontM.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FontM">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>FontM</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free Fonts</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://fontm.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.myfonts.com/" target="_blank" data-id="" data-url="http://www.myfonts.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Fonts for Print, Products &amp; Screens.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/MyFonts.png" data-src="assets/images/logos/MyFonts.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="My Fonts">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>My Fonts</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Fonts for Print, Products &amp; Screens.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.myfonts.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.dafont.com/" target="_blank" data-id="" data-url="https://www.dafont.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Archive of freely downloadable fonts.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/dafont.png" data-src="assets/images/logos/dafont.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Da Font">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Da Font</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Archive of freely downloadable fonts.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.dafont.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.onlinewebfonts.com/" target="_blank" data-id="" data-url="https://www.onlinewebfonts.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WEB Free Fonts for Windows and Mac / Font free Download.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/OnlineWebFonts.png" data-src="assets/images/logos/OnlineWebFonts.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="OnlineWebFonts">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>OnlineWebFonts</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">WEB Free Fonts for Windows and Mac / Font free Download.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.onlinewebfonts.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.abstractfonts.com/" target="_blank" data-id="" data-url="http://www.abstractfonts.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Abstract Fonts (13,866 free fonts).">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/abstractfonts.png" data-src="assets/images/logos/abstractfonts.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Abstract Fonts">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Abstract Fonts</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Abstract Fonts (13,866 free fonts).</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.abstractfonts.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />

            

            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="acd617ea241c9daf2f251963bc03c6e3"></i>
                    云服务器
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.aliyun.com/" target="_blank" data-id="" data-url="https://www.aliyun.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="上云就上阿里云。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg" data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阿里云">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>阿里云</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">上云就上阿里云。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.aliyun.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://cloud.tencent.com/" target="_blank" data-id="" data-url="https://cloud.tencent.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="产业智变，云启未来。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e8%85%be%e8%ae%af%e4%ba%91.jpg" data-src="assets/images/logos/%e8%85%be%e8%ae%af%e4%ba%91.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="腾讯云">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>腾讯云</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">产业智变，云启未来。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://cloud.tencent.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.huaweicloud.com/" target="_blank" data-id="" data-url="https://www.huaweicloud.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="提供云计算服务&#43;智能，见未来-华为云。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e5%8d%8e%e4%b8%ba%e4%ba%91.png" data-src="assets/images/logos/%e5%8d%8e%e4%b8%ba%e4%ba%91.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="华为云">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>华为云</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">提供云计算服务&#43;智能，见未来-华为云。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.huaweicloud.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://my.cloudraft.cn/" target="_blank" data-id="" data-url="https://my.cloudraft.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云筏 - 科研云。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/" data-src="assets/images/logos/"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="云筏科技">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>云筏科技</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">云筏 - 科研云。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://my.cloudraft.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.ji-cloud.cn/" target="_blank" data-id="" data-url="https://www.ji-cloud.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云电脑-云游戏-手机变电脑软件。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e6%9e%81%e4%ba%91%e6%99%ae%e6%83%a0%e4%ba%91%e7%94%b5%e8%84%91.png" data-src="assets/images/logos/%e6%9e%81%e4%ba%91%e6%99%ae%e6%83%a0%e4%ba%91%e7%94%b5%e8%84%91.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="极云普惠云电脑">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>极云普惠云电脑</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">云电脑-云游戏-手机变电脑软件。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.ji-cloud.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.qingjiaocloud.com/" target="_blank" data-id="" data-url="https://www.qingjiaocloud.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云桌面,一站式云电脑服务平台。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e9%9d%92%e6%a4%92%e4%ba%91.jpg" data-src="assets/images/logos/%e9%9d%92%e6%a4%92%e4%ba%91.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="青椒云">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>青椒云</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">云桌面,一站式云电脑服务平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.qingjiaocloud.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />

            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="113a0a745b4169af0f7646269c12ae66"></i>
                    PPT资源
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.officeplus.cn/Template/Home.shtml" target="_blank" data-id="" data-url="http://www.officeplus.cn/Template/Home.shtml"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="OfficePLUS，微软Office官方在线模板网站！">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/officeplus.png" data-src="assets/images/logos/officeplus.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="OfficePLUS">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>OfficePLUS</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">OfficePLUS，微软Office官方在线模板网站！</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.officeplus.cn/Template/Home.shtml" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.ypppt.com/" target="_blank" data-id="" data-url="http://www.ypppt.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="高质量的模版，而且还有PPT图表，PPT背景图等资源。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/ypppt.png" data-src="assets/images/logos/ypppt.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="优品PPT">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>优品PPT</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">高质量的模版，而且还有PPT图表，PPT背景图等资源。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.ypppt.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.pptplus.cn/" target="_blank" data-id="" data-url="http://www.pptplus.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="PPT加直播、录制和分享—PPT&#43;语音内容分享平台。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/pptplus.png" data-src="assets/images/logos/pptplus.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PPT&#43;">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>PPT&#43;</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">PPT加直播、录制和分享—PPT&#43;语音内容分享平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.pptplus.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.pptmind.com/" target="_blank" data-id="" data-url="http://www.pptmind.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="分享高端 ppt 模板与 keynote 模板的数字作品交易平台。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/pptmind.png" data-src="assets/images/logos/pptmind.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PPTMind">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>PPTMind</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">分享高端 ppt 模板与 keynote 模板的数字作品交易平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.pptmind.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.tretars.com/ppt-templates" target="_blank" data-id="" data-url="http://www.tretars.com/ppt-templates"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The best free Mockups from the Web.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/tretars.png" data-src="assets/images/logos/tretars.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="tretars">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>tretars</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The best free Mockups from the Web.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.tretars.com/ppt-templates" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://ppt.500d.me/" target="_blank" data-id="" data-url="http://ppt.500d.me/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国领先的PPT模板共享平台。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/500d.png" data-src="assets/images/logos/500d.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="5百丁">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>5百丁</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">中国领先的PPT模板共享平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://ppt.500d.me/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />







            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="4fbc8ba07df90bae306d8e3b83fc5a21"></i>
                    图形创意
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.adobe.com/cn/products/photoshop.html" target="_blank" data-id="" data-url="https://www.adobe.com/cn/products/photoshop.html"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Photoshop不需要解释">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/photoshop.png" data-src="assets/images/logos/photoshop.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="photoshop">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>photoshop</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Photoshop不需要解释</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.adobe.com/cn/products/photoshop.html" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://affinity.serif.com/" target="_blank" data-id="" data-url="https://affinity.serif.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专业创意软件">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/AffinityDesigner.png" data-src="assets/images/logos/AffinityDesigner.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Affinity Designer">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Affinity Designer</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">专业创意软件</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://affinity.serif.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.adobe.com/cn/products/illustrator/" target="_blank" data-id="" data-url="https://www.adobe.com/cn/products/illustrator/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="矢量图形和插图。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Illustrator.png" data-src="assets/images/logos/Illustrator.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Illustrator">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Illustrator</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">矢量图形和插图。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.adobe.com/cn/products/illustrator/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.adobe.com/cn/products/indesign.html" target="_blank" data-id="" data-url="http://www.adobe.com/cn/products/indesign.html"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="页面设计、布局和出版。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/INDESIGN%20.png" data-src="assets/images/logos/INDESIGN%20.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="indesign">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>indesign</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">页面设计、布局和出版。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.adobe.com/cn/products/indesign.html" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.maxon.net/en/products/cinema-4d/overview/" target="_blank" data-id="" data-url="https://www.maxon.net/en/products/cinema-4d/overview/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/cinema4d.png" data-src="assets/images/logos/cinema4d.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="cinema-4d">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>cinema-4d</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.maxon.net/en/products/cinema-4d/overview/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.autodesk.com/products/3ds-max/overview" target="_blank" data-id="" data-url="https://www.autodesk.com/products/3ds-max/overview"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="3D modeling, animation, and rendering software">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/3dsmax.png" data-src="assets/images/logos/3dsmax.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="3ds-max">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>3ds-max</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">3D modeling, animation, and rendering software</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.autodesk.com/products/3ds-max/overview" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.blender.org/" target="_blank" data-id="" data-url="https://www.blender.org/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Blender is the free and open source 3D creation suite.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/blender.png" data-src="assets/images/logos/blender.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Blender">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Blender</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Blender is the free and open source 3D creation suite.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.blender.org/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="542c016a714d85715d206c8892fba01f"></i>
                    界面设计
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://sketchapp.com/" target="_blank" data-id="" data-url="https://sketchapp.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The digital design toolkit">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/sketchapp.png" data-src="assets/images/logos/sketchapp.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Sketch">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Sketch</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The digital design toolkit</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://sketchapp.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.adobe.com/products/xd.html" target="_blank" data-id="" data-url="http://www.adobe.com/products/xd.html"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Introducing Adobe XD. Design. Prototype. Experience.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/ADOBEXDCC.png" data-src="assets/images/logos/ADOBEXDCC.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Adobe XD">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Adobe XD</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Introducing Adobe XD. Design. Prototype. Experience.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.adobe.com/products/xd.html" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.invisionapp.com/" target="_blank" data-id="" data-url="https://www.invisionapp.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Powerful design prototyping tools">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/invisionapp.png" data-src="assets/images/logos/invisionapp.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="invisionapp">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>invisionapp</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Powerful design prototyping tools</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.invisionapp.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://marvelapp.com/" target="_blank" data-id="" data-url="https://marvelapp.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Simple design, prototyping and collaboration">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/marvelapp.png" data-src="assets/images/logos/marvelapp.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="marvelapp">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>marvelapp</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Simple design, prototyping and collaboration</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://marvelapp.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://creative.adobe.com/zh-cn/products/download/muse" target="_blank" data-id="" data-url="https://creative.adobe.com/zh-cn/products/download/muse"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="无需利用编码即可进行网站设计。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/MuseCC.png" data-src="assets/images/logos/MuseCC.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Muse CC">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Muse CC</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">无需利用编码即可进行网站设计。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://creative.adobe.com/zh-cn/products/download/muse" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.figma.com/" target="_blank" data-id="" data-url="https://www.figma.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Design, prototype, and gather feedback all in one place with Figma.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/figma.png" data-src="assets/images/logos/figma.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="figma">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>figma</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Design, prototype, and gather feedback all in one place with Figma.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.figma.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="31e51a60697ff3fb1d1c4934cce67921"></i>
                    在线配色
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://khroma.co/generator/" target="_blank" data-id="" data-url="http://khroma.co/generator/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Khroma is the fastest way to discover, search, and save color combos you&#39;ll want to use.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/khroma.png" data-src="assets/images/logos/khroma.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="khroma">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>khroma</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Khroma is the fastest way to discover, search, and save color combos you&#39;ll want to use.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://khroma.co/generator/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://uigradients.com" target="_blank" data-id="" data-url="https://uigradients.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful colored gradients.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/uigradients.png" data-src="assets/images/logos/uigradients.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="uigradients">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>uigradients</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful colored gradients.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://uigradients.com" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://gradients.io/" target="_blank" data-id="" data-url="http://gradients.io/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Curated gradients for designers and developers.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/gradients.png" data-src="assets/images/logos/gradients.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="gradients">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>gradients</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Curated gradients for designers and developers.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://gradients.io/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://webkul.github.io/coolhue/" target="_blank" data-id="" data-url="https://webkul.github.io/coolhue/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Coolest.png" data-src="assets/images/logos/Coolest.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Coolest">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Coolest</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://webkul.github.io/coolhue/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://webgradients.com/" target="_blank" data-id="" data-url="https://webgradients.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/webgradients.png" data-src="assets/images/logos/webgradients.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="webgradients">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>webgradients</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://webgradients.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.grabient.com/" target="_blank" data-id="" data-url="https://www.grabient.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="2017 Grabient by unfold.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/grabient.png" data-src="assets/images/logos/grabient.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="grabient">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>grabient</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">2017 Grabient by unfold.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.grabient.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.thedayscolor.com/" target="_blank" data-id="" data-url="http://www.thedayscolor.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The daily color digest">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/thedayscolor.png" data-src="assets/images/logos/thedayscolor.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="thedayscolor">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>thedayscolor</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The daily color digest</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.thedayscolor.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://flatuicolors.com/" target="_blank" data-id="" data-url="http://flatuicolors.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Copy Paste Color Pallette from Flat UI Theme.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/flatuicolors.png" data-src="assets/images/logos/flatuicolors.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flatuicolors">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>flatuicolors</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Copy Paste Color Pallette from Flat UI Theme.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://flatuicolors.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://coolors.co/" target="_blank" data-id="" data-url="https://coolors.co/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The super fast color schemes generator!">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/coolors.png" data-src="assets/images/logos/coolors.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="coolors">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>coolors</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The super fast color schemes generator!</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://coolors.co/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.colorhunt.co/" target="_blank" data-id="" data-url="http://www.colorhunt.co/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful Color Palettes.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/colorhunt.png" data-src="assets/images/logos/colorhunt.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="colorhunt">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>colorhunt</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful Color Palettes.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.colorhunt.co/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://color.adobe.com/zh/create/color-wheel" target="_blank" data-id="" data-url="https://color.adobe.com/zh/create/color-wheel"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Create color schemes with the color wheel or browse thousands of color combinations from the Color community.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/AdobeColorCC.png" data-src="assets/images/logos/AdobeColorCC.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Adobe Color CC">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Adobe Color CC</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Create color schemes with the color wheel or browse thousands of color combinations from the Color community.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://color.adobe.com/zh/create/color-wheel" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.flatuicolorpicker.com/" target="_blank" data-id="" data-url="http://www.flatuicolorpicker.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Best Flat Colors For UI Design.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/flatuicolorpicker.png" data-src="assets/images/logos/flatuicolorpicker.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flatuicolorpicker">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>flatuicolorpicker</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Best Flat Colors For UI Design.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.flatuicolorpicker.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://qrohlf.com/trianglify-generator/" target="_blank" data-id="" data-url="http://qrohlf.com/trianglify-generator/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Trianglify Generator.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/trianglify.png" data-src="assets/images/logos/trianglify.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="trianglify">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>trianglify</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Trianglify Generator.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://qrohlf.com/trianglify-generator/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://klart.co/colors/" target="_blank" data-id="" data-url="https://klart.co/colors/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful colors and designs to your inbox every week.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/klart.png" data-src="assets/images/logos/klart.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="klart">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>klart</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful colors and designs to your inbox every week.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://klart.co/colors/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.vanschneider.com/colors" target="_blank" data-id="" data-url="http://www.vanschneider.com/colors"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Color Claim was created in 2012 by Tobias van Schneider with the goal to collect &amp; combine unique colors for my future projects.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/vanschneider.png" data-src="assets/images/logos/vanschneider.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="vanschneider">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>vanschneider</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Color Claim was created in 2012 by Tobias van Schneider with the goal to collect &amp; combine unique colors for my future projects.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.vanschneider.com/colors" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />

            

            



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="13a0e1cc22ccc31b31242a6046230729"></i>
                    谷歌插件
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.wappalyzer.com/" target="_blank" data-id="" data-url="https://www.wappalyzer.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Identify technology on websites.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/wappalyzer.png" data-src="assets/images/logos/wappalyzer.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="wappalyzer">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>wappalyzer</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Identify technology on websites.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.wappalyzer.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://usepanda.com/" target="_blank" data-id="" data-url="http://usepanda.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A smart news reader built for productivity.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/usepanda.png" data-src="assets/images/logos/usepanda.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Panda">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Panda</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">A smart news reader built for productivity.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://usepanda.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://sizzy.co/" target="_blank" data-id="" data-url="https://sizzy.co/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A tool for developing responsive websites crazy-fast.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/sizzy.png" data-src="assets/images/logos/sizzy.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="sizzy">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>sizzy</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">A tool for developing responsive websites crazy-fast.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://sizzy.co/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://csspeeper.com/" target="_blank" data-id="" data-url="https://csspeeper.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Smart CSS viewer tailored for Designers.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/csspeeper.png" data-src="assets/images/logos/csspeeper.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="csspeeper">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>csspeeper</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Smart CSS viewer tailored for Designers.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://csspeeper.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://insight.io/" target="_blank" data-id="" data-url="http://insight.io/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="IDE-like code search and navigation, on the cloud.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/insight.png" data-src="assets/images/logos/insight.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="insight">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>insight</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">IDE-like code search and navigation, on the cloud.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://insight.io/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://mustsee.earth/" target="_blank" data-id="" data-url="http://mustsee.earth/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Discover the world&#39;s most beautiful places at every opened tab.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/mustsee.png" data-src="assets/images/logos/mustsee.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="mustsee">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>mustsee</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Discover the world&#39;s most beautiful places at every opened tab.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://mustsee.earth/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />







            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="19cb9b648dba4efc58a205ea413b6b5d"></i>
                    资讯书籍
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://weread.qq.com/" target="_blank" data-id="" data-url="https://weread.qq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="微信读书电脑版。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e5%be%ae%e4%bf%a1%e8%af%bb%e4%b9%a6.jpg" data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e8%af%bb%e4%b9%a6.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="微信读书">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>微信读书</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">微信读书电脑版。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://weread.qq.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.bookstack.cn/" target="_blank" data-id="" data-url="https://www.bookstack.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="IT 互联网开源编程书籍免费阅读与下载。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e4%b9%a6%e6%a0%88%e7%bd%91.jpg" data-src="assets/images/logos/%e4%b9%a6%e6%a0%88%e7%bd%91.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="书栈网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>书栈网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">IT 互联网开源编程书籍免费阅读与下载。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.bookstack.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="c7a9a750a4a636f0bb3e982b5ea9141c"></i>
                    博客论坛
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.inoreader.com/" target="_blank" data-id="" data-url="https://www.inoreader.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="重新掌控你的新闻订阅源。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/inoreader.jpg" data-src="assets/images/logos/inoreader.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Inoreader">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Inoreader</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">重新掌控你的新闻订阅源。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.inoreader.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://news.ycombinator.com/" target="_blank" data-id="" data-url="https://news.ycombinator.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="一家关于计算机黑客和创业公司的社会化新闻网站。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/hacker-news.jpg" data-src="assets/images/logos/hacker-news.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Hacker News">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Hacker News</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">一家关于计算机黑客和创业公司的社会化新闻网站。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://news.ycombinator.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://bbs.pinggu.org/" target="_blank" data-id="" data-url="https://bbs.pinggu.org/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="国内活跃的经济、管理、金融、统计在线教育和咨询网站。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e7%bb%8f%e7%ae%a1%e4%b9%8b%e5%ae%b6.jpg" data-src="assets/images/logos/%e7%bb%8f%e7%ae%a1%e4%b9%8b%e5%ae%b6.jpg"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="经管之家">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>经管之家</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">国内活跃的经济、管理、金融、统计在线教育和咨询网站。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://bbs.pinggu.org/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.ruanyifeng.com/blog/" target="_blank" data-id="" data-url="http://www.ruanyifeng.com/blog/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阮一峰，科技爱好者周刊。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/%e9%98%ae%e4%b8%80%e5%b3%b0.png" data-src="assets/images/logos/%e9%98%ae%e4%b8%80%e5%b3%b0.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阮一峰的网络日志">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>阮一峰的网络日志</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">阮一峰，科技爱好者周刊。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.ruanyifeng.com/blog/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.coolshell.cn/" target="_blank" data-id="" data-url="https://www.coolshell.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="酷 壳 – CoolShell。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/" data-src="assets/images/logos/"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="酷壳">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>酷壳</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">酷 壳 – CoolShell。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.coolshell.cn/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="33d3098041927a26a98ed4c6822c9687"></i>
                    设计规范
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://designguidelines.co/" target="_blank" data-id="" data-url="http://designguidelines.co/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Design Guidelines &amp;mdash; The way products are built.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/designguidelines.png" data-src="assets/images/logos/designguidelines.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Design Guidelines">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Design Guidelines</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Design Guidelines &amp;mdash; The way products are built.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://designguidelines.co/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://github.com/alexpate/awesome-design-systems" target="_blank" data-id="" data-url="https://github.com/alexpate/awesome-design-systems"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A collection of awesome design systems.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/awesome_design_systems.png" data-src="assets/images/logos/awesome_design_systems.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Awesome design systems">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Awesome design systems</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">A collection of awesome design systems.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://github.com/alexpate/awesome-design-systems" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://material.io/guidelines/" target="_blank" data-id="" data-url="https://material.io/guidelines/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Introduction - Material Design.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/Material_Design.png" data-src="assets/images/logos/Material_Design.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Material Design">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Material Design</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Introduction - Material Design.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://material.io/guidelines/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://developer.apple.com/ios/human-interface-guidelines" target="_blank" data-id="" data-url="https://developer.apple.com/ios/human-interface-guidelines"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Human Interface Guidelines iOS.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/human_interface_guidelines.png" data-src="assets/images/logos/human_interface_guidelines.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Human Interface Guidelines">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Human Interface Guidelines</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Human Interface Guidelines iOS.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://developer.apple.com/ios/human-interface-guidelines" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://zaixianps.net/?ref=hrzhanghuan.com" target="_blank" data-id="" data-url="https://zaixianps.net/?ref=hrzhanghuan.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="在线图像编辑器">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/photoshopetiquette.png" data-src="assets/images/logos/photoshopetiquette.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="在线图像编辑器">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>在线图像编辑器</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线图像编辑器</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://zaixianps.net/?ref=hrzhanghuan.com" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />



            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="aec25b122d7aceb3dd3b64cf71858ed2"></i>
                    视频教程
                </h4>
                <div class="flex-fill"></div>

            </div>

            <div class="row">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.photoshoplady.com/" target="_blank" data-id="" data-url="http://www.photoshoplady.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Your Favourite Photoshop Tutorials in One Place.">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/PhotoshopLady.png" data-src="assets/images/logos/PhotoshopLady.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Photoshop Lady">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Photoshop Lady</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Your Favourite Photoshop Tutorials in One Place.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.photoshoplady.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://doyoudo.com/" target="_blank" data-id="" data-url="http://doyoudo.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="创意设计软件学习平台。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/doyoudo.png" data-src="assets/images/logos/doyoudo.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="doyoudo">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>doyoudo</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">创意设计软件学习平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://doyoudo.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="http://www.c945.com/web-ui-tutorial/" target="_blank" data-id="" data-url="http://www.c945.com/web-ui-tutorial/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WEB UI免费视频公开课。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/web_ui_tutorial.png" data-src="assets/images/logos/web_ui_tutorial.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="没位道">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>没位道</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">WEB UI免费视频公开课。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.c945.com/web-ui-tutorial/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">


                        <a href="https://www.imooc.com/" target="_blank" data-id="" data-url="https://www.imooc.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="程序员的梦工厂（有UI课程）。">

                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">


					    <img class="lazy" src="assets/images/logos/imooc.png" data-src="assets/images/logos/imooc.png"
                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="慕课网">


                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>慕课网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">程序员的梦工厂（有UI课程）。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.imooc.com/" class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>

            </div>
            <br />





    <h4 class="text-gray text-lg mb-4">
        <i class="iconfont icon-book-mark-line icon-lg mr-2" id="friendlink"></i>友情链接
    </h4>
    <div class="friendlink text-xs card">
        <div class="card-body">

	    <a href="https://csdn.net" title="程序员社区" target="_blank">CSDN</a>

	    <a href="https://gitapp.cn/" title="程序设计网" target="_blank">程序设计网</a>

	    <a href="https://juejin.im" title="掘金社区" target="_blank">掘金社区</a>

	    <a href="https://aliyun.com" title="阿里云社区" target="_blank">阿里云社区</a>

        </div>
    </div>
</div>


        <footer class="main-footer footer-type-1 text-xs">
            <div id="footer-tools" class="d-flex flex-column">
                <a href="javascript:" id="go-to-up" class="btn rounded-circle go-up m-1" rel="go-top">
                    <i class="iconfont icon-to-up"></i>
                </a>

                <a href="javascript:" data-toggle="modal" data-target="#search-modal" class="btn rounded-circle m-1"
                    rel="search" one-link-mark="yes">
                    <i class="iconfont icon-search"></i>
                </a>


		<a href="javascript:" onclick="window.location.href='javascript:switchNightMode()'" class="btn rounded-circle switch-dark-mode m-1" id="yejian"
                    data-toggle="tooltip" data-placement="left" title="日间模式">
                    <i class="mode-ico iconfont icon-night"></i>
                </a>

            </div>
            <div class="footer-inner">
                <div class="footer-text">本站内容源自互联网，如有内容侵犯了你的权益，请联系删除相关内容，联系邮箱：517269938@qq.com <br/>© 2021 - 2023 By <a href="https://itblog.fun/">Web_tool</a> | <a href="http://beian.miit.gov.cn/">蜀ICP备2022004176号-2</a><br/></div>
            </div>
        </footer>
    </div>
</div>


<div class="modal fade search-modal" id="search-modal">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <div id="search" class="s-search mx-auto my-4">
                    <div id="search-list" class="hide-type-list">
                        <div class="s-type">
                            <span></span>
                            <div class="s-type-list">
                                <label for="m_type-baidu" data-id="group-a">常用</label>
                                <label for="m_type-baidu1" data-id="group-b">搜索</label>
                                <label for="m_type-whois" data-id="group-c">工具</label>
                                <label for="m_type-zhihu" data-id="group-d">社区</label>
                                <label for="m_type-taobao1" data-id="group-e">生活</label>
                                <label for="m_type-zhaopin" data-id="group-f">求职</label>
                            </div>
                        </div>
                        <div class="search-group group-a"><span class="type-text text-muted">常用</span>
                            <ul class="search-type">
                                <li><input checked="checked" hidden="" type="radio" name="type2"
                                    id="m_type-baidu" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道">
                                    <label for="m_type-baidu"><span class="text-muted">百度</span></label></li>
				<li><input hidden="" type="radio" name="type2"
                                    id="m_type-bing" value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索">
                                    <label for="m_type-bing"><span class="text-muted">必应</span></label></li>
                                <li><input hidden="" type="radio" name="type2"
                                    id="m_type-google" value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
                                    <label for="m_type-google"><span class="text-muted">谷歌</span></label></li>
                                <li><input hidden="" type="radio" name="type2"
                                    id="m_type-anaconda" value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
                                    <label for="m_type-anaconda"><span class="text-muted">软件</span></label></li>
                                <li><input hidden="" type="radio" name="type2"
                                    id="m_type-pubmed" value="https://pubmed.ncbi.nlm.nih.gov/?term=" data-placeholder="PubMed 搜索/文章标题/关键字">
                                    <label for="m_type-pubmed"><span class="text-muted">文献</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-b"><span class="type-text text-muted">搜索</span>
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type2" id="m_type-baidu1"
                                            value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道"><label
                                            for="m_type-baidu1"><span class="text-muted">百度</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-google1"
                                            value="https://www.google.com/search?q=" data-placeholder="谷歌搜索"><label
                                            for="m_type-google1"><span class="text-muted">谷歌</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-360"
                                            value="https://www.so.com/s?q=" data-placeholder="360 好搜"><label
                                            for="m_type-360"><span class="text-muted">360</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-sogo"
                                            value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
                                            for="m_type-sogo"><span class="text-muted">搜狗</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-bing1"
                                            value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索"><label
                                            for="m_type-bing1"><span class="text-muted">必应</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-sm"
                                            value="https://yz.m.sm.cn/s?q=" data-placeholder="UC 移动端搜索"><label
                                            for="m_type-sm"><span class="text-muted">神马</span></label></li>
                                </ul>
                        </div>
                        <div class="search-group group-c"><span class="type-text text-muted">工具</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-br"
                                        value="https://rank.chinaz.com/all/" data-placeholder="请输入网址(不带 https://)">
					<label for="m_type-br"><span class="text-muted">权重查询</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-links"
                                        value="https://link.chinaz.com/" data-placeholder="请输入网址(不带 https://)">
					<label for="m_type-links"><span class="text-muted">友链检测</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-whois"
                                        value="https://who.is/whois/" data-placeholder="请输入网址(不带 https://)">
					<label for="m_type-whois"><span class="text-muted">域名信息查询</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-ping"
                                        value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带 https://)">
					<label for="m_type-ping"><span class="text-muted">PING 检测</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-404"
                                        value="https://tool.chinaz.com/Links/?DAddress=" data-placeholder="请输入网址(不带 https://)">
					<label for="m_type-404"><span class="text-muted">死链检测</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-ciku"
                                        value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词">
					<label for="m_type-ciku"><span class="text-muted">关键词挖掘</span></label>
		                </li>
                            </ul>
                        </div>
                        <div class="search-group group-d"><span class="type-text text-muted">社区</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-zhihu"
                                    value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎">
                                    <label for="m_type-zhihu"><span class="text-muted">知乎</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-wechat"
                                    value="https://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信">
                                    <label for="m_type-wechat"><span class="text-muted">微信</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-weibo"
                                    value="https://s.weibo.com/weibo/" data-placeholder="微博">
                                    <label for="m_type-weibo"><span class="text-muted">微博</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-douban"
                                    value="https://www.douban.com/search?q=" data-placeholder="豆瓣">
                                    <label for="m_type-douban"><span class="text-muted">豆瓣</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-e"><span class="type-text text-muted">生活</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-taobao1"
                                    value="https://s.taobao.com/search?q=" data-placeholder="淘宝">
                                    <label for="m_type-taobao1"><span class="text-muted">淘宝</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-jd"
                                    value="https://search.jd.com/Search?keyword=" data-placeholder="京东">
                                    <label for="m_type-jd"><span class="text-muted">京东</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-xiachufang"
                                    value="https://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房">
                                    <label for="m_type-xiachufang"><span class="text-muted">下厨房</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-xiangha"
                                    value="https://www.xiangha.com/so/?q=caipu&s=" data-placeholder="香哈菜谱">
                                    <label for="m_type-xiangha"><span class="text-muted">香哈菜谱</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-12306"
                                    value="https://www.12306.cn/?" data-placeholder="12306">
                                    <label for="m_type-12306"><span class="text-muted">12306</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-qunar"
                                    value="https://www.qunar.com/?" data-placeholder="去哪儿">
                                    <label for="m_type-qunar"><span class="text-muted">去哪儿</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-f"><span class="type-text text-muted">求职</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-zhaopin"
                                    value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw=" data-placeholder="智联招聘">
                                    <label for="m_type-zhaopin"><span class="text-muted">智联招聘</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-51job"
                                    value="https://search.51job.com/?" data-placeholder="前程无忧">
                                    <label for="m_type-51job"><span class="text-muted">前程无忧</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-lagou"
                                    value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网">
                                    <label for="m_type-lagou"><span class="text-muted">拉钩网</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-liepin"
                                    value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网">
                                    <label for="m_type-liepin"><span class="text-muted">猎聘网</span></label></li>
                            </ul>
                        </div>
                    </div>
                    <form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
                        <input type="text" id="m_search-text" class="form-control smart-tips search-key" zhannei=""
                                autocomplete="off" placeholder="输入关键字搜索" style="outline:0">
                        <button type="submit"><i class="iconfont icon-search"></i></button>
                    </form>
                    <div class="card search-smart-tips" style="display: none">
                        <ul></ul>
                    </div>
                </div>


            </div>
            <div style="position: absolute;bottom: -40px;width: 100%;text-align: center;">
                <a href="javascript:" data-dismiss="modal"><i class="iconfont icon-close-circle icon-2x" style="color: #fff;"></i></a>
            </div>
        </div>
    </div>
</div>


<script type='text/javascript' src='./assets/js/jquery.ui.touch-punch.min-0.2.2.js' id='jqueryui-touch-js'></script>
<script type='text/javascript' src='./assets/js/clipboard.min-5.6.2.js' id='clipboard-js'></script>
<script type='text/javascript' src='./assets/js/tooltip-extend.js' id='iplaycode-nav-js'></script>
<script type='text/javascript' id='popper-js-extra'>


var theme = {"ajaxurl":"","addico":"https:\/\/nav.baidu.cn\/wp-content\/themes\/onenav\/images\/add.png","order":"asc","formpostion":"top","defaultclass":"io-grey-mode","isCustomize":"1","icourl":"","icopng":".png","urlformat":"1","customizemax":"10","newWindow":"0","lazyload":"1","minNav":"1","loading":"1","hotWords":"baidu","classColumns":" col-sm-6 col-md-4 col-xl-5a col-xxl-6a ","apikey":"TWpBeU1UVTNOekk1TWpVMEIvZ1M2bFVIQllUMmxsV1dZelkxQTVPVzB3UW04eldGQmxhM3BNWW14bVNtWk4="};

</script>
<script type='text/javascript' src='./assets/js/popper.min.js' id='popper-js'></script>
<script type='text/javascript' src='./assets/js/bootstrap.min-4.3.1.js' id='bootstrap-js'></script>
<script type='text/javascript' src='./assets/js/theia-sticky-sidebar-1.5.0.js' id='sidebar-js'></script>
<script type='text/javascript' src='./assets/js/lazyload.min-12.4.0.js' id='lazyload-js'></script>
<script type='text/javascript' src='./assets/js/fancybox.min-3.5.7.js' id='lightbox-js-js'></script>

<script type='text/javascript' src='./assets/js/app-anim.js' id='appanim-js'></script>

<script type="text/javascript">
    $(document).ready(function(){
        var siteWelcome = $('#loading');
        siteWelcome.addClass('close');
        setTimeout(function() {
            siteWelcome.remove();
        }, 600);
    });
</script>
<script>
    $(document).ready(function(){
        setTimeout(function () {
            if ($('a.smooth[href="' + window.location.hash + '"]')[0]) {
                $('a.smooth[href="' + window.location.hash + '"]').click();
            }else if (window.location.hash != '') {
                $("html, body").animate({
                    scrollTop: $(window.location.hash).offset().top - 90
                }, {
                    duration: 500,
                    easing: "swing"
                });
            }
        }, 300);
        $(document).on('click','a.smooth',function(ev) {
            if($('#sidebar').hasClass('show') && !$(this).hasClass('change-href')){
                $('#sidebar').modal('toggle');
            }
            if($(this).attr("href").substr(0, 1) == "#"){
                $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 90
                }, {
                    duration: 500,
                    easing: "swing"
                });
            }
            if($(this).hasClass('go-search-btn')){
                $('#search-text').focus();
            }
            if(!$(this).hasClass('change-href')){
                var menu =  $("a"+$(this).attr("href"));
                menu.click();
                toTarget(menu.parent().parent(),true,true);
            }
        });
        $(document).on('click','a.tab-noajax',function(ev) {
            var url = $(this).data('link');
            if(url)
                $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').show().attr('href', url);
            else
                $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').hide();
        });

    });
</script>

<script>

(function(){
    if(document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === ''){
        if(new Date().getHours() > 22 || new Date().getHours() < 6){
            document.body.classList.remove('io-black-mode');
            document.body.classList.add('io-grey-mode');
            document.cookie = "night=1;path=/";
            console.log('夜间模式开启');
        }else{
            document.body.classList.remove('night');
            document.cookie = "night=0;path=/";
            console.log('夜间模式关闭');
        }
    }else{
        var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
        if(night == '0'){
            document.body.classList.remove('night');
        }else if(night == '1'){
            document.body.classList.add('night');
        }
    }
})();

$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)");
function switchNightMode(){
    var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
    if(night == '0'){
	$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)");
        document.body.classList.remove('io-grey-mode');
        document.body.classList.add('io-black-mode');
        document.cookie = "night=1;path=/"
        console.log(' ');
        $(".switch-dark-mode").attr("data-original-title","日间模式");
        $(".mode-ico").removeClass("icon-night");
        $(".mode-ico").addClass("icon-light");
    }else{
	$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)")
        document.body.classList.remove('io-black-mode');
        document.body.classList.add('io-grey-mode');
        document.cookie = "night=0;path=/"
        console.log(' ');
        $(".switch-dark-mode").attr("data-original-title","夜间模式");
        $(".mode-ico").removeClass("icon-light");
        $(".mode-ico").addClass("icon-night");
    }
}
</script>
</body>
</html>


